<!DOCTYPE html>
<html>
<head>
<#if countryCode == "CN">
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<#else>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</#if>
<meta name="viewport" content="width=device-width, initial-scale=1" /> 
<title>Website Links for Wondershare Player</title>
<link href="${cssRoot}/m_iphone.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">  
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-31046912-1']);
	_gaq.push(['_trackPageview']);
	(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})(); 
</script>
</head>
<body>
	<#if items??>
		<#assign categories = items.categories>
		<#assign cateLinks = items.cateWebsiteLinks>
	</#if>
	
	<ul id="select_menu">	
	<#if categories??>
		<#list categories as cc>
			<#if cc_index == 0>
				<li><a href="#${cc}" class="curr">${cc}</a></li>
			<#else>
				<li><a href="#${cc}">${cc}</a></li>
			</#if>			
		</#list>
	</#if>
	</ul>	
	
	<#if cateLinks??>
		<ol id="img_list">
		<#list cateLinks as cc>
			<li>
				<a name="${cc.category}"></a>
				<h3>${cc.category}</h3>
				<dl>
				<#list cc.links as link>
					<dd><a href="${link.link}" onclick="_gaq.push(['_trackEvent', 'website', 'recommend', '${link.siteName}']);"><img src="${link.thumbnail}" width="90" height="60" border="0"></a></dd>					
				</#list> 
				</dl>
		</#list>
		</ol>
	</#if>	
</body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="${jsRoot}/m/links.js" type="text/javascript"></script>	
</html>